<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript" src="js/echarts.js" ></script>
 </head>
 <body>
  <div id="job" style="width: 600px;height: 400px;" >
  </div>
  <script>
   myCharts=echarts.init(document.getElementById("job"));  //获得div块,定义参数
   var option={     //var表示变量
    title:{
     text:'2018届各专业就业人数',
     subtext:'太原学院计算机系',
     left:'center'
    },
    tooltip:{},
    xAxis:{          //x轴方向
     data:['计算机科学与技术','网络工程','软件工程','智能科学与技术']
    },
    yAxis:{ }, //y轴方向对应数字
     series:[
     {
      name:'就业数据',
      type:'bar',
      data:[700,300,550,1000]
     }
     ]
   }; 
   myCharts.setOption(option);
  </script>
 </body>
</html>